﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />
<fmt:setLocale value="zh_CN" />

<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>
  
</head>

<body>

  <%@ include file="/WEB-INF/include/header.jsp"%>
  <%@ include file="/WEB-INF/include/submenu.jsp"%>
<!--  
  <div class="container-fluid umu-container has-umu-sidemenu">
    <div class="umu-breadcrumb">
      <div class="breadcrumb">list列表</div>
    </div>
    
    <div class="umu-main"> 
      <ul class="nav nav-pills umu-tabs">
        <li class="pull-left "><a href="javascript:void(0);">筹备中</a></li>
        <li class="pull-left "><a href="javascript:void(0);">上课中</a></li>
        <li class="pull-left "><a href="javascript:void(0);">暂停</a></li>
        <li class="pull-left active"><a href="javascript:void(0);">已完成</a></li>
    </ul>
      <table class="table table-hover umu-table tab-pane table-striped">
        <thead>
          <tr>
            <th>NAME</th>
            <th>EMAIL</th>
            <th>TELEPHONE</th>
            <th>LAST UPDATE TIME</th>
            <th class="text-center">OPT</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Gina Yue</td>
            <td>gina.yue@ihg.com</td>
            <td>18612123456</td>
            <td>2018-08-30 12:27:21.0</td>
            <td class="text-center">
              <a href="javascript:void(0);" data-target="#edit" data-toggle="modal">Edit</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/7/delete" data-target="#delete" data-toggle="modal">Delete</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/7">Detail</a>&nbsp;&nbsp;
            </td>
          </tr>
          <tr>
            <td>Erin</td>
            <td>erinyan.hong@ihg.com</td>
            <td>13321123456</td>
            <td>2018-05-24 10:02:53.0</td>
            <td class="text-center">
              <a href="/ihg-hiex-admin/administrators/6/edit" data-target="#edit" data-toggle="modal">Edit</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/6/delete" data-target="#delete" data-toggle="modal">Delete</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/6">Detail</a>&nbsp;&nbsp;
            </td>
          </tr>
          <tr>
            <td>Nancy</td>
            <td>Nancy.wu@ihg.com</td>
            <td>13312123456</td>
            <td>2018-05-21 11:10:50.0</td>
            <td class="text-center">
              <a href="/ihg-hiex-admin/administrators/5/edit" data-target="#edit" data-toggle="modal">Edit</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/5/delete" data-target="#delete" data-toggle="modal">Delete</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/5">Detail</a>&nbsp;&nbsp;
            </td>
          </tr>
          <tr>
            <td>Heather</td>
            <td>heather.jiang@ihg.com</td>
            <td>13621123456</td>
            <td>2018-05-08 10:33:16.0</td>
            <td class="text-center">
              <a href="/ihg-hiex-admin/administrators/3/edit" data-target="#edit" data-toggle="modal">Edit</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/3/delete" data-target="#delete" data-toggle="modal">Delete</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/3">Detail</a>&nbsp;&nbsp;
            </td>
          </tr>
          <tr>
            <td>Justine</td>
            <td>justine.guo@ihg.com</td>
            <td>13333123456</td>
            <td>2018-05-07 10:25:27.0</td>
            <td class="text-center">
              <a href="/ihg-hiex-admin/administrators/4/edit" data-target="#edit" data-toggle="modal">Edit</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/4/delete" data-target="#delete" data-toggle="modal">Delete</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/4">Detail</a>&nbsp;&nbsp;
            </td>
          </tr>
          <tr>
            <td>Andrea</td>
            <td>andrea.zhang@ihg.com</td>
            <td>13621845019</td>
            <td>2018-04-11 21:20:39.0</td>
            <td class="text-center">
              <a href="/ihg-hiex-admin/administrators/2/edit" data-target="#edit" data-toggle="modal">Edit</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/2/delete" data-target="#delete" data-toggle="modal">Delete</a>&nbsp;&nbsp; 
              <a href="/ihg-hiex-admin/administrators/2">Detail</a>&nbsp;&nbsp;
            </td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="6">
		          <div class="pull-left">
                <div class="pull-right">
                  <ul class="pagination umu-pagination no-margin clearfix">
                    <li><a href="/training-admin/accounts?"><i class="glyphicon glyphicon-step-backward"></i></a></li>
                    <li><a href="/training-admin/accounts?page=1"><i class="glyphicon glyphicon-chevron-left"></i></a></li>
                    <li><a href="/training-admin/accounts?page=1">1</a></li>
                    <li><a href="/training-admin/accounts?page=1">2</a></li>
                    <li><a href="/training-admin/accounts?page=1">3</a></li>
                    <li><p>2/3页，共25条记录</p></li>
                    <li><a href="/training-admin/accounts?page=3"><i class="glyphicon glyphicon-chevron-right"></i></a></li>
                    <li><a href="/training-admin/accounts?page=3"><i class="glyphicon glyphicon-step-forward"></i></a></li>
                    <li>
                      <div class="paging-jump">
                        <span>跳转到</span> <input name="page" data-url="/training-admin/accounts" data-total="3"  data-querystring="" />
                      <button type="button" class="btn btn-default go-btn">Go</button>
                      </div>
                    </li>
                  </ul>
                 </div>
		          </div>
            </td>
          </tr>
        </tfoot>
      </table>
    </div>

  </div>
  
  <div id="edit" class="modal fade umu-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">Modal title</h4>
        </div>
        <div class="modal-body">
          <p>One fine body&hellip;</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-shadow-default btn-shadow umu-btn" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-shadow-success btn-shadow umu-btn">保存</button>
        </div>
      </div>
    </div>
  </div>

 
--> 
  <%@ include file="/WEB-INF/include/footer.jsp"%>
  <%@ include file="/WEB-INF/include/script.jsp"%>

</body>
</html>